草庐IT

CSS 背景

全部标签

javascript - Vanilla JavaScript : Is there a way to toggle multiple CSS-classes in one statement?

我使用这些JavaScript代码来更改脚本中的类:vartoggleDirection=function(){group.classList.toggle('left-to-right');group.classList.toggle('right-to-left');}在我的示例中,只有两个类需要更改,但也可以是多个类...因此:有谁知道编写示例的方法不那么冗余? 最佳答案 不,不可能直接使用Element.classListAPI。查看API,您可以阅读:toggle(String[,force])Whenonlyonearg

javascript - jquery 可拖动事件更改子元素的 css

你好,请看这段代码$('.new-div').draggable({containment:"#bord",create:function(){$(".new-div").css("width",'auto');},drag:function(){$(".new-div").css("width",'auto');},start:function(){$(".new-div").css("width",'auto');},stop:function(){$(".new-div").css("width",'auto');}});$(document).on("click",".clos

javascript - 选择一个具有背景颜色的元素在 jQuery 中不起作用

请检查我的代码。检查背景颜色的条件不工作。https://jsfiddle.net/oL7tdL22/1/$(function(){$(".testing").each(function(){if($(this).css("background-color")=="rgb(255,193,0)"){alert("found");}else{alert("notfound");}});});TestTestTest当我们提醒背景色时,它就起作用了。但是我们无法匹配颜色。 最佳答案 您需要在rgb颜色代码中的每个逗号后添加一个空格,例如

javascript - 谷歌地图信息窗口的自定义样式(背景)

我正在使用谷歌地图构建map,但遇到了问题。我正在尝试设置当某些用户单击图钉时打开的信息窗口的样式。我的问题是它确实有效,但它在窗口本身的父div上呈现出奇怪的效果(当有人多次单击我的窗口时,窗口显示一个奇怪的白色边框,这是背景的颜色我的div的父亲具有一类gm-style-iw)。我的代码如下:我的脚本:functioninitMap(){varstyledMapType=newgoogle.maps.StyledMapType([{mycustomstyle}]);varmycompany={lat:44.348534,lng:-79.669197};varmap=newgoogl

javascript - 获取应用于元素的 css 类的背景颜色

比如说,我有以下CSS类:.upComing{background:#ccc;font-weight:bold;}在我的HTML中,我有一个表,其中一些行应用了该类,如下所示:到目前为止一切顺利,但是通过JavaScript我有监听td点击的事件,我想获取行的颜色(我知道我可以获取行的类,但在这种情况下我需要能够从类中获取颜色)。我需要这样做,因为表格可以导出到excel文件,如果行颜色在CSS类上,则不会应用于excel文件,我想在之前将这种颜色应用于每个td将html发送到excel生成器。PS:该表是从我们创建的jQuery插件动态生成的,它仍在进行中,但当我们对它有足够的信心时

javascript - CSS3 圆形菜单

我找到了this漂亮的圆形菜单,我正在努力调整它以适应我自己的需要。我只需要该菜单中的四个元素,并且应该增加它们的“宽度”(水平空间)。我把原始代码放在这个fiddle里了.有四个元素的版本是here.如前所述,我试图通过增加它们的大小来填充它们之间的空白区域,因为我想在其中放置更多文本。我认为可能相关的部分CSS:.csstransforms.cn-wrapperli{position:absolute;top:50%;left:50%;overflow:hidden;margin-top:-1.3em;margin-left:-10em;width:10em;height:10em

javascript - 如何在 Rails 应用程序上有效地限定 javascript set css 的范围?

在我的Rails应用程序上确定我的javascript和css文件的范围时遇到了很多麻烦。通过范围界定,我的意思是:如何处理仅在一个页面或一个Controller中使用的java脚本和CSS?我尝试了一些解决方案,但它们都很复杂且不够优雅:我看到了一些这样的建议:像这样将我的.js文件直接包含在我的.erb文件中:然后在应用程序布局中生成它。但这意味着再向服务器发出一个请求以获取.js文件。我认为为应用程序保留一个.js文件和一个.css文件很重要,它们由Assets管道创建我看到了一些其他建议,例如测试我的HTML标记是否出现在带有.length的DOM上jquery的方法。这仍然意

javascript - 在内容和背景之间传递的 Chrome 扩展消息不起作用

我正在开发一个chrome扩展,这里是主要文件:background.jsgetPageDimension=function(){chrome.tabs.getSelected(null,function(tab){chrome.tabs.sendMessage(tab.id,{message:"DIMENSION"},function(response){if(response!=null){console.log(response.x);console.log(response.y);console.log(response.w);console.log(response.h);}

javascript - chart.js 折线图,每个部分具有不同的背景颜色

假设我有一个4周的周一至周五折线图。我希望将这4周分成几个部分。我希望第一个星期一到星期五的背景色为白色。第二个星期一到星期五灰色背景。第三个又是一个白色的背景。而第四周的星期一到星期五要有灰色背景色。我所说的是图表的背景。有办法做到这一点吗? 最佳答案 Chart.js在绘制(或重新绘制)图表之前清除Canvas。一旦图表被清除,我们就可以开始这个并绘制我们的背景。只需扩展折线图并覆盖初始化覆盖中的清除功能即可。预览脚本Chart.types.Line.extend({name:"LineAlt",initialize:funct

javascript - 仅将 CSS 类添加到那些没有 'title' 属性的链接

LinkLinkLinkLink我想添加一些CSS类Link我如何使用jQuery或JavaScript实现这一点 最佳答案 无需使用jQuery添加CSS类。您可以在CSS中使用属性值选择器。a[title=""]{color:red;}除了样式目的之外,使用jQuery添加类$('a[title=""]').addClass('someClass');选择没有title属性的元素a:not([title]){color:red;}可以在jQuery中使用相同的选择器。$('a:not([title])')